﻿@black: rgba(0, 0, 0, 1);
@white: rgba(255, 255, 255, 1);

// Used for text:
@dark--primary: rgba(0, 0, 0, .87);
// Used for secondary text:
@dark--secondary: rgba(0, 0, 0, .54);
@light--secondary: rgba(255, 255, 255, .7);
// Use tertiary for text hints and disabled text.
@dark--tertiary: rgba(0, 0, 0, .26);
// Use for dividers
@dark--quaternary: rgba(0, 0, 0, .12);
// Use for :hover highlighting.
@dark--quinary: rgba(0, 0, 0, .03);

// Tooltip color is not specified in spec. So, I used the snackbar color.
// http://www.google.com/design/spec/components/tooltips.html#tooltips-usage
@gray--tooltip: rgba(50, 50, 50, .9);

// http://www.google.com/design/spec/components/buttons.html#buttons-flat-raised-buttons
@gray--hoverButton: rgba(153, 153, 153, .2);
@gray--activeButton: rgba(153, 153, 153, .4);

// http://www.google.com/design/spec/components/snackbars-toasts.html#snackbars-toasts-specs
@gray--snackbar: rgba(50, 50, 50, 1);

@gray--50: rgb(250,250,250);

// These colors are taken from https://inbox.google.com
@blue--500: rgb(66,133,244);
@blue--700: rgb(40,112,238);
@green--500: rgb(15,157,88);
@red--500: rgb(219,68,55);
@yellow--500: rgb(244,180,0);